

<!DOCTYPE html>
<html lang="en-us">
	
  <include file="Index/head" />  
<body class="desktop-detected pace-done smart-style-4">

		<!-- #HEADER -->
		<include file="Index/header" />

	
		<!-- END HEADER -->

		<!-- #NAVIGATION -->
		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS/SASS variables -->
		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS variables -->
		
		<!-- END NAVIGATION -->
		<!-- END NAVIGATION -->
		<include file="Index/navigation" />
                
		<!-- #MAIN PANEL -->
		<div id="main" role="main">

			<!-- RIBBON -->
			<div id="ribbon">

				<!-- breadcrumb -->
				<ol class="breadcrumb">
					<li>{$module_name}</li>
					
				</ol>
				<!-- end breadcrumb -->

				<!-- You can also add more buttons to the
				ribbon for further usability

				Example below:

				<span class="ribbon-button-alignment pull-right" style="margin-right:25px">
					<a href="#" id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa fa-grid"></i> Change Grid</a>
					<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa fa-plus"></i> Add</span>
					<button id="search" class="btn btn-ribbon" data-title="search"><i class="fa fa-search"></i> <span class="hidden-mobile">Search</span></button>
				</span> -->

			</div>
			<!-- END RIBBON -->

			<!-- #MAIN CONTENT -->

				
				<!-- col -->
                        <div id="content">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                                            <h1 class="page-title txt-color-blueDark">

                                                    <!-- PAGE HEADER -->
                                                    <i class="fa-fw fa fa-home"></i> 
                                                            {$first_title}
                                                    <span>>  
                                                            {$second_title}
                                                    </span>
                                            </h1>
                                    </div>
                                </div>
                                
                            <section id="widget-grid" class="">
			
                                    <!-- row -->
                                    <div class="row">

                                            <!-- NEW WIDGET START -->
                                            <article class="col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">

                                                    <!-- Widget ID (each widget will need unique ID)-->
                                                    <div class="jarviswidget jarviswidget-sortable" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" role="widget">
                                                            <!-- widget options:
                                                            usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                                                            data-widget-colorbutton="false"
                                                            data-widget-editbutton="false"
                                                            data-widget-togglebutton="false"
                                                            data-widget-deletebutton="false"
                                                            data-widget-fullscreenbutton="false"
                                                            data-widget-custombutton="false"
                                                            data-widget-collapsed="true"
                                                            data-widget-sortable="false"

                                                            -->
                                                            <header role="heading"><div class="jarviswidget-ctrls" role="menu">   <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a> <a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a> <a href="javascript:void(0);" class="button-icon jarviswidget-delete-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete"><i class="fa fa-times"></i></a></div>
                                                                    <span class="widget-icon"> <i class="fa fa-eye"></i> </span>
                                                                    <h2>搜索条件</h2>

                                                            <span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span></header>

                                                            <!-- widget div-->
                                                            <div role="content">

                                                                    <!-- widget edit box -->
                                                                    <div class="jarviswidget-editbox">
                                                                            <!-- This area used as dropdown edit box -->

                                                                    </div>
                                                                    <!-- end widget edit box -->

                                                                    <!-- widget content -->
                                                                    <div class="widget-body">

                                                                            <form class="form-horizontal" method="get" id="myform" enctype="multipart/form-data">

                                                                                    <fieldset>



                                                                                            <div class="form-group">
                                                                                                    <label class="col-md-1 control-label">条件一</label>
                                                                                                    <div class="col-md-5">
                                                                                                            <input type='text' name='name' value='{$result.name}' class='form-control' placeholder="" />
                                                                                                    </div>
                                                                                                    <label class="col-md-1 control-label">条件二</label>
                                                                                                    <div class="col-md-5">
                                                                                                            <input type='text' name='name' value='{$result.name}' class='form-control' placeholder="" />
                                                                                                    </div>
                                                                                            </div>






                                                                                    </fieldset>





                                                                                    <div class="form-actions">
                                                                                            <div class="row">
                                                                                                    <div class="col-md-12">

                                                                                                            <button class="btn btn-primary" type="submit" >
                                                                                                                    搜索
                                                                                                            </button>

                                                                                                    </div>
                                                                                            </div>
                                                                                    </div>

                                                                            </form>

                                                                    </div>
                                                    <!-- end widget content -->

                                            </div>
                                            <!-- end widget div -->

                                    </div>
                                    <!-- end widget -->



                            </article>
                            <!-- WIDGET END -->

                    </div>
					
                        <!-- end row -->

                        <!-- end row -->

                </section>
				<!-- end widget grid -->
                <p>
                    <!-- <a href="#" type="button" id="add_tab" class="btn btn-primary">
                            添加（链接跳转）
                    </a> -->
                    
                    <a href="#" type="button" id="add_forum" class="btn btn-primary">
                            添加圈子
                    </a>
                </p>
                                <!-- widget grid -->
				<section id="widget-grid" class="">
				
					<!-- row -->
					<div class="row">
				
						<!-- NEW WIDGET START -->
						<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
				
							<!-- Widget ID (each widget will need unique ID)-->
							<div class="jarviswidget jarviswidget-color-darken" id="wid-id-0" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" data-widget-sortable="false">

								<!-- widget options:
								usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
				
								data-widget-colorbutton="false"
								data-widget-editbutton="false"
								data-widget-togglebutton="false"
								data-widget-deletebutton="false"
								data-widget-fullscreenbutton="false"
								data-widget-custombutton="false"
								data-widget-collapsed="true"
								data-widget-sortable="false"
				
								-->
								<header role="heading">
									<h2>圈子列表</h2>				
								</header>
				
								<!-- widget div-->
								<div role="content">
				
									<!-- widget edit box -->
									<div class="jarviswidget-editbox">
										<!-- This area used as dropdown edit box -->
				
									</div>
									<!-- end widget edit box -->
				
									<!-- widget content -->
									<div class="widget-body no-padding">
				
										<div id="dt_basic_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                                                                                    <table id="dt_basic" class="table table-striped table-bordered table-hover dataTable no-footer" width="100%" role="grid" aria-describedby="dt_basic_info" style="width: 100%;">
											<thead>			                
												<tr role="row">
												<th data-hide="phone" style="width: 30px;">编号</th>
												<th data-class="expand" style="width: auto;"> logo</th>
												<th data-hide="phone" style="width: auto;"> 名称</th>
												<th class="sorting" style="width: auto;">隶属板块</th>
												<th class="sorting" style="width: auto;">管理员</th>
												<th data-hide="phone,tablet" style="width: auto;"> 发帖数量</th>
												<th data-hide="phone,tablet" style="width: auto;">回帖数量</th>
												<th data-hide="phone,tablet" style="width: auto;">分享数量</th>
												<th data-hide="phone,tablet" style="width: auto;">点赞数量</th>
												<th data-hide="phone,tablet" style="width: auto;">收藏数量</th>
												<th data-hide="phone,tablet" style="width: auto;">举报数量</th>
												<th data-hide="phone,tablet" style="width: auto;"> 操作</th>
												</tr>
											</thead>
											<tbody>
                                                                                            
                                                                                            <volist name="results" id="vo">
                                                                                            <tr>
                                                                                                <td>{$vo.fid}</td>
                                                                                                <td><img src="{$vo.logo}" style="width: 50px;"/></td>
                                                                                                <td>{$vo.name}</td>
                                                                                                <td>{$vo.parent_forum_name}</td>
                                                                                                <td>{$vo.manager_info.mangers_str}</td>
                                                                                                <td>{$vo.threads}</td>
                                                                                                <td>{$vo.posts}</td>
                                                                                                <td>{$vo.sharetimes}</td>
                                                                                                <td>{$vo.liketimes}</td>
                                                                                                <td>{$vo.favtimes}</td>
                                                                                                <td>{$vo.bantimes}</td>
                                                                                                <td><a href="{:U('modify',array('fid'=>$vo['fid']))}">修改</a></td>
                                                                                                
                                                                                            </tr>
                                                                                            </volist>
                                                                                            
                                                                                            
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>

									</div>
									<!-- end widget content -->
				
								</div>
								<!-- end widget div -->
				
							</div>
							<!-- end widget -->
				
							<!-- Widget ID (each widget will need unique ID)-->
							
							<!-- end widget -->
				
							<!-- Widget ID (each widget will need unique ID)-->
							
							<!-- end widget -->
				
							<!-- Widget ID (each widget will need unique ID)-->
							
							<!-- end widget -->
				
						</article>
						<!-- WIDGET END -->
				
					</div>
				
					<!-- end row -->
				
					<!-- end row -->
				
				</section>
				<!-- end widget grid -->

			</div>
				<!-- end col -->
				

			<!-- end row -->
			
			<!-- END #MAIN CONTENT -->

		</div>
                
                <div id="addtab" title="填写信息">

                        <form id='addtab_form' method='post'>

                                <fieldset>
                                        <input name="authenticity_token" type="hidden">
                                        <div class="form-group">
                                                <label>圈子名称</label>
                                                <input class="form-control" id="name" placeholder="圈子" type="text" name="name">
                                        </div>

                                        

                                </fieldset>

                        </form>

                </div>
                
		<!-- END #MAIN PANEL -->

		<!-- #PAGE FOOTER -->
		
		<!-- END FOOTER -->
<include file="Index/footer" />


		
		<!-- JARVIS WIDGETS -->
		<script src="{$resource_basic}js/smartwidgets/jarvis.widget.min.js"></script>

		<!-- Demo purpose only -->
		<!--<script src="{$resource_basic}js/demo.min.js"></script>-->

		<!-- MAIN APP JS FILE -->
		<!--<script src="{$resource_basic}js/app.min.js"></script>-->
                
		<script src="{$resource_basic}js/plugin/datatables/jquery.dataTables.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatables/dataTables.colVis.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatables/dataTables.tableTools.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatables/dataTables.bootstrap.min.js"></script>
		<script src="{$resource_basic}js/plugin/datatable-responsive/datatables.responsive.min.js"></script>
                <script type="text/javascript">
		
		// DO NOT REMOVE : GLOBAL FUNCTIONS!
		
		$(document).ready(function() {
			
			pageSetUp();
			
			/* // DOM Position key index //
		
			l - Length changing (dropdown)
			f - Filtering input (search)
			t - The Table! (datatable)
			i - Information (records)
			p - Pagination (paging)
			r - pRocessing 
			< and > - div elements
			<"#id" and > - div with an id
			<"class" and > - div with a class
			<"#id.class" and > - div with an id and class
			
			Also see: http://legacy.datatables.net/usage/features
			*/	
	
			/* BASIC ;*/
				var responsiveHelper_dt_basic = undefined;
				var responsiveHelper_datatable_fixed_column = undefined;
				var responsiveHelper_datatable_col_reorder = undefined;
				var responsiveHelper_datatable_tabletools = undefined;
				
				var breakpointDefinition = {
					tablet : 1024,
					phone : 480
				};
	
				$('#dt_basic').dataTable({
					"sDom": "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'col-sm-6 col-xs-12 hidden-xs'l>r>"+
						"t"+
						"<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-6'p>>",
					"autoWidth" : true,
					"sPaginationType": "full_numbers",
			        "oLanguage": {
            			"sSearch": '<span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>',
            			"sProcessing": "处理中...",
        				"sLengthMenu": "每页显示条数 _MENU_ ",
        				"sZeroRecords": "没有匹配结果",
        				"sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
        				"sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
        				"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
        				"sInfoPostFix": "",
        				//"sSearch": "搜索: ",
        				"sUrl": "",
        				"sEmptyTable": "表中数据为空",
        				"sLoadingRecords": "载入中...",
        				"sInfoThousands": ",",
        				"oPaginate": {
            				"sFirst": "首页",
            				"sPrevious": "上页",
            				"sNext": "下页",
            				"sLast": "末页"
        				},
        				"oAria": {
            				"sSortAscending": ": 以升序排列此列",
            				"sSortDescending": ": 以降序排列此列"
        				}
        			},
					"preDrawCallback" : function() {
						// Initialize the responsive datatables helper once.
						if (!responsiveHelper_dt_basic) {
							responsiveHelper_dt_basic = new ResponsiveDatatablesHelper($('#dt_basic'), breakpointDefinition);
						}
					},
					"rowCallback" : function(nRow) {
						responsiveHelper_dt_basic.createExpandIcon(nRow);
					},
					"drawCallback" : function(oSettings) {
						responsiveHelper_dt_basic.respond();
					}
				});
	
			/* END BASIC */
			
			
		    
		    // custom toolbar
		    //$("div.toolbar").html('<div class="text-right"><img src="img/logo.png" alt="SmartAdmin" style="width: 111px; margin-top: 3px; margin-right: 10px;"></div>');

		
		});
                
                $(function(){
                    
                    
//                    $("#manage_agent_mobile").blur(function(){
//                        var manage_agent_mobile = $("#manage_agent_mobile").val();
//                        if(manage_agent_mobile.length > 0)
//                        {
//                           $.ajax({ 
//                                type: 'GET', 
//                                url: '{:U("get_mobile_info")}', 
//                                dataType: 'json', 
//                                data:"mobile="+manage_agent_mobile,
//                                cache: false, 
//                                error: function(){ 
//                                    return false; 
//                                }, 
//                                success:function(json){ 
//
//                                     if(json.err===0)
//                                     {
//                                         $("#manage_agent").val(json.agent_name);
////                                          chk_if_valid_to_submit();
//                                     }
//                                     else
//                                     {
//                                         alert(json.msg);
//                                         $("#manage_agent_mobile").val("");
//                                         $("#manage_agent").val("");
////                                         $("#chk_valid").val("0");
//                                         return false;
//
//                                     }
//
//                                } 
//                            }); 
//                        }
//                        
//                        
//                        
//                    });
                    
                     var dialog = $("#addtab").dialog({
				autoOpen : false,
				width : 600,
				resizable : false,
				modal : true,
				buttons : [{
					html : "<i class='fa fa-times'></i>&nbsp; 取消",
					"class" : "btn btn-default",
					click : function() {
						$(this).dialog("close");
		
					}
				}, {
		
					html : "<i class='fa fa-plus'></i>&nbsp; 提交",
					"class" : "btn btn-danger",
					click : function() {
						$("#addtab_form").submit();
						$(this).dialog("close");
					}
				}]
			});

        
                    $("#add_forum").button().click(function() {
				dialog.dialog("open");
			});

                });

		</script>

		

	</body>
</html>